@font-face {
    font-family: 'HelveticaNeue';
    src: url('/images/fonts/HelveticaNeue.eot');
    src: local('HelveticaNeue'), url('/images/fonts/HelveticaNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, * {
    margin: 0;
    padding: 0;
    font-family: Arial, verdana, Helvetica, sans-serif;
}

#wraper {
    width: 880px;
    margin: 0 auto;
    overflow: hidden;
}
#footer {
    width: 880px;
    margin: 0 auto;
}
#footer * {
    font-family: HelveticaNeue;
}
/*-----------header blok--------------*/
#header {
    overflow: hidden;
    width: 880px;
}
#headerMenu {
    position: relative;
    display: table;
    font-weight: bold;
    font-size: 17px;
    padding-top: 10px;   
    float: left;
    width: 100%;
}
#headerMenu li {
    margin: 0px;
    border: 1px solid #fff;
    display: table-cell;
    list-style: none outside none;
}
#headerMenu a {
    display: block;
    color: #fff;
    font-weight: 600;
    padding: 10px 0px 10px 15px;
    text-decoration: none;
    background-image: url('/images/main/menuBg.png');
}
#headerMenu a:hover {
    background-image: url('/images/main/menuHover.png');
    border: 0px;
}

#headerMenu .active {
    background-image: url('/images/main/menuHover.png');
}
/*#headerMenu .lastHeader {
    position: absolute;
    right: 0px;
}*/

/*-----------End - header blok--------------*/
/*----------------footer--------------------*/
#footer {
    background: #999999;
    overflow: hidden;
    border: 1px solid #666;
    border-bottom: none;
    font-size: 12px;
    color: white;
}
#footerMenu {
    margin: 16px 0 0 0; 
    width: 100%;
/*    float: left;*/
}
#footerMenu li {
    margin-left: 0;
        
    display: inline;
    text-decoration: none;
    border-left: 1px solid #fff;
    padding: 0px 10px 0 5px;
}
#footerMenu li:first-child {
    border-left: 1px solid #999999;
}
#footerMenu a {
    color: #fff;
    text-decoration: none;
    padding-left: 5px;

}
#terms {
    padding-top: 10px;
    margin-left: 58%;
    width: 45%;
    overflow: hidden;
    height: 20px;
}
#terms * {
	float: left;
}
#terms #ukiLogo {
    margin-top: -10px;
}
#terms a {
    text-decoration: none;
    color: #fff;
}

/*------------End-footer--------------------*/

/*------------Content-----------------------*/
#screansBlock {
    overflow: hidden;
}
.signsContent {
    width: 644px;
    height: 753px;
}
#block {
    float: left;
}
#leftBlock {
    border: 1px solid #666666;
    float: left;
    width: 464px;
    height: 437px;
    overflow: hidden;
}
#centrBlock {
    margin-left: 474px;
    width: 195px;
    height: 440px;
}
.centrBlocks {
    border: 1px solid #666666;
    width: 100%;
    height: 138px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
#rightBlock {
    margin-left: 679px;
    width: 197px;
    height: 440px;
}
.rightBlocks {
    border: 1px solid #666666;
    width: 100%;
    height: 213px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
.bottomBlock {
    position: absolute;
    z-index: 900;
    width: 197px;
    height: 28px;
    background-image: url('/images/main/bottomBlock.png');
    bottom: 0px;
}

.blueMessege {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    top: 6px;
    left: 5px;
    color: #fff;
    z-index: 990;
}
.centrBlocks .blueMessege {
    top: 4px;
    float: right;
    margin-right: 30px;
}
.rightArrow {
    position: absolute;
    background-image: url('/images/main/arrowRight.png');
    width: 11px;
    height: 13px;
    bottom: 8px;
    right: 8px;
}
#middleBlock {
    margin-top: 8px;
    width: 643px;
    height: 79px;
    border: 1px solid #666;
    overflow: hidden;
}
#middleBlock.how {
    margin-left: 233px;
}
.searchCategory {
    border: 1px solid #fff;
    margin-top: 10px;
}
#searchList {
    margin-top: 10px;
}
#searchList li{
    display: inline-block;
    width: 15%;
    margin-left: 5px;
}
#searchList a {
    display: block;
    text-decoration: none;
    color: #000;
    font-family: HelveticaNeue;
/*    font-weight: bold;*/
}
#searchList a:hover {
    color: #fff;
    background-color:#000;
}

.popularSigns {
    border: 1px solid #999;
    height: 285px;
    overflow: hidden;
}
#bottomSignsList li {
    list-style: none;
}
#bottomSignsList img {
    margin: 20px 20px 20px 10px;
    width: 115px;
}
#bottomSignsList a{
    text-decoration: none;
}
#slider-code { height: 255px; overflow:hidden; }
#slider-code .viewport { float: left; width: 820px; height: 255px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .next { width: 16px; height: 30px; margin: 100px 0 0 10px; background-image: url(/images/main/nextArrow.png); list-style: none; text-decoration: none;}
#slider-code .prev { width: 16px; height: 30px; margin: 100px 0 0 10px; background-image: url(/images/main/prevArrow.png); list-style: none; text-decoration: none;}
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 5px 21px 20px 10px; padding: 1px; height: 215px; width: 130px;}

.mostPopularList {
    width: 150px;
    height: 210px;
    overflow: hidden;
}
.signsView {
    background-color: #999;
    width: 55px;
    height: 20px;
    margin-left: 55px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
.signsView span {
    position: relative;
    top: 3px;
    left: 5px;
    color: #fff;
}
#bottom {
    margin: 10px 0;
    height: 152px;
    overflow: hidden;
    font-size:10px;
}
.bottomDiv {
    border: 1px solid #666;
    display: inline-block;
    width: 288px;
    height: 149px;
}
.bottomDiv.ideaForm {
    background-color: #eeeeee;
    position: relative;
}

.ideaForm>.newLine {
    margin-left: 13px;
    margin-top: -5px;
}
form#ideaForm {
    font-family: HelveticaNeue;
    margin-left: 13px;
    margin-top: 10px;
}
#ideaFormDialog {
    margin-top: 10px;
    margin-bottom: 25px;
}
#ideaForm input, #ideaForm textarea,
#ideaFormDialog input, #ideaFormDialog textarea{
    width: 250px;
    margin: 0px;
    padding: 0 5px;
    border: 1px solid #999;
    margin-top: 5px;
    color: #b3b3b3;
    font-style: italic;
}
#ideaForm textarea, #ideaFormDialog textarea{
    height: 40px;
    resize: none;
}

.sendForm, .sendFormDialog {
    font-size: 14px;
    position: absolute;
    top: 115px;
    left: 209px;
    background-image: url('/images/main/bottomBlock.png');
    width: 62px;
    height: 19px;
    border: 1px solid #676767;
    text-align: center;
    cursor: pointer;
}
.sendForm:active, .sendFormDialog:active {
    margin: 2px 0 0 2px;
}
#ideaForm *, #ideaFormDialog *{
    font-size: 11px;
    font-family: HelveticaNeue;
}
#idea .newLine{
    font-size: 11px;
    margin-left: 0px;
}
#ideaFormDialog *{
    font-size: 16px !important;
    font-family: HelveticaNeue;    
}
#idea .sendForm {
    top: 135px;
}
.blocHead {
    position: relative;
    background-image: url('/images/main/blocHead.png');
    height: 32px;
    width: 100%;
}
.blocHead .blueMessege {
    margin-left: 17px;
}
.downArrow {
    position: absolute;
    background-image: url('/images/main/arrowDown.png');
    width: 13px;
    height: 11px;
    bottom: 10px;
    left: 5px;
}

#signsList {
    width: 225px;
    height: 942px;
    float: left;
    border: 1px solid #666666;
    overflow: hidden;
    background-color: #e3e3e3;
}
#signsList .blocHead {
    margin-bottom: 10px;
}
.signsListUl li {
    position: relative;
    border: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 48%;
    height: 18px;
    list-style: none;    
}
.signsListUl a {
    font-family: HelveticaNeue;
    display: block;
    outline:none;
    border-left: 1px solid #cccccc;
    text-decoration: none;
    padding: 1px 0 0 15px;
    color: #000;
    width: 96px;
    height: 17px;
    overflow: hidden;
}
.signsListUl .active, .signsListUl .active a, .signsListUl a:hover {
    border: none;
    color: #fff;
    background: #333333 url('/images/main/arrowRightList.png') no-repeat;
}

#signsContent {
    width: 647px;
    margin-left: 233px;
}

.viewSign {
    display: inline-block;
    width: 155px;
    height: 243px;
    overflow: hidden;
    border: 1px solid #9d9d9d;
    margin-top: 20px;
}
.viewSign .previewSigns {
    width: 130px;
    height: 193px;
    margin: 10px auto;
    overflow: hidden;
    border: 1px solid #9d9d9d;
}
.viewSign .previewSigns img {
    width: 130px;
    height: 193px;
}
.viewSign .blueFon {
    display: inline-block;
    width: 63px;
    height: 23px;
    background-image: url('/images/main/button.png');
}

.spanSignsView {
    margin-left: 12px;
}

.blueFon a {
    vertical-align: middle;
    display: block;
    height: 20px;
    padding-top: 3px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}

.topPaginator {
    margin-bottom: 20px;
    overflow: hidden;
}
.topPaginator .signsName {
    display: block;
    width: 50%;
    float: left;
    font-weight: bold;
    color: #666;
    font-size: 24px;
    margin: 10px 0px 0px 10px;
}
#signsContent .block-pages {
    float: right;
    margin: 0px;
}
.signShowName {
    font-weight: 600;
}
#signsContent .block-pages li {
    margin: 5px;
    display: inline-block;
    list-style: none;
    border: 1px solid #8f8f8f;
}
.block-pages a {
    display: block;
    padding: 4px;
    color: #8f8f8f;
    font-size: 14px;
    text-decoration: none;
}
#signsContent .block-pages .active a {
    color: #fff;
    background-color: #8f8f8f;
}
.bottomPaginator {
    overflow: hidden;
    margin: 5px 0px 10px 0px;
    height: 35px;
}
.signsButtons, .signShowButton, .signBillingButton {
    position: relative;
    display: inline-block;
    background-image: url('/images/main/blocHead.png');
    height: 30px;    
    width: 104px;
}
.signsButtons .blueMessege, .signShowButton .blueMessege, .signBillingButton .blueMessege {
    font-size: 14px;
    margin-left: 17px;
    margin-top: 15px;
}
.signsButtons a, .signShowButton a {
    text-decoration: none;
    display: block;
    height: 30px;
}
.rightArrowLeft {
    position: absolute;
    background-image: url('/images/main/arrowRight.png');
    width: 11px;
    height: 13px;
    top: 8px;
    left: 6px;    
}

#howBlock {
    position: relative;
    width: 875px;
    height: 440px;
    border: 1px solid #666;
}
#howBlock img {
    margin-left: 20px;
    margin-top: 18px;
}
#howImg {
    position:absolute;
    bottom: 0px;
    left: 20px;
}
#upperText {
    margin-left: 290px;
    margin-top: 20px;
    height: 185px;
    width: 545px;
}
#upperText *{
    font-family: HelveticaNeue;
}
#upperText h1 {
    font-size: 26px;
    font-weight: bold;
}
#upperText .newLine {
    font-size: 16px;
}
#upperText h2 {
    font-size: 39px;
    font-style: italic;
    font-weight: bold;
    color: red;
}
 #listText {
    margin-left: 365px;
    margin-top: 30px;
    height: 220px;
    width: 470px;
}
#listText li {
    line-height: 1.5;
    list-style-image: url("/images/main/listStyle.png");
    margin-bottom: 15px;
}
#listText li b {
    display: block;
    float: left;
    line-height: 1.2;
}

#getitText li span, #getitText li div {
    display: inline-block;
    overflow: hidden;
}
#howBlock #listText li {
    clear: both;
    line-height: 1.5;
    font-size: 15px;
    list-style-image: url("/images/main/listStyle.png");
    font-weight: bolder;
}

#howBlock #listText li span {
    display: block;
    float: left;
    margin-bottom: 10px;
    line-height: 1.3;
    vertical-align: top;
    font-style: italic;
}
/*----------Sign-select Block------------------*/
#signShow {
    width: 643px;
    height: 750px;
    border: 1px solid #999;
}
#signShow.custom {
    height: 793px;
}
#signShow.thank {
    height: 793px;
}
#signShow * {
    font-family: HelveticaNeue;
}
#signShowContent {
    margin: 11px 0 0 11px;
    border: 1px solid #999;
    width: 620px;
    height: 720px;
}
#signShowContent.comerce {
    height: 765px;
}
#signShowLeftSide {
    margin-top: 35px;
    float: left;
    width: 240px;
    margin-left: 23px;
}
#signShowLeftSide #signInfoBlock {
    border: 1px solid #666;
/*    width: 100%;*/
    text-align: center;
    padding: 3px;
    margin-top: 30px;
}
#payPalBlock {
    margin-top: 40px;
    text-align: center;
}
#payPalBlock a {
    display: block;
    margin-top: 20px;
}
#signShowRightSide {
    margin-top: 35px;
    width: 270px;
    margin-left: 300px;
}
#signShowChooseDelivery {
    margin: 10px 0px;
}

.showSize {
    overflow: hidden;
}
.newLine {
    display: block;
}
.rightCorner {
    float: right;
}
.signShowPriceSumm {
    color: red;
}
#signShowPrice {
    width: 220px;
    margin-left: 50px;
}
.signShowButton {
    margin-top: 30px;
    width: 220px;
    height: 30px;
    border: 1px solid #999;
    float: right;
}
.signShowButton *, .signBillingButton *{
    font-family: Arial !important;
}
/*----------Forms Block------------------*/
#bilingShowRightSide {
    margin-top: 35px;
    width: 320px;
    margin-left: 280px;
}

#billinFormBlock, #shippingFormBlock {
    width: 155px;
}
#billinFormBlock {
    float: left;
}
#shippingFormBlock {
    margin-left: 51%;
}
#bilingShowRightSide form input {
    width: 150px;
    font-style: italic;
    color: #999999;
}
#bilingShowRightSide form input:focus {
    font-style: normal;
    color: #000;
}
#bilingShowRightSide form .bunched {
    width: 49%;
    float: left;
}
#bilingShowRightSide .bunched input {
    width: 75px;
    margin-left: -1px;
}
#bilingShowRightSide form .bunched select {
    margin-top: 2px;
    width: 75px;
}
.signBillingButton {
    margin: 15px 0px 15px 50px;
    width: 220px;
    height: 30px;
    border: 1px solid #999;
    position: relative;
    z-index: 222;
}
.submitBilling {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
}
.horizontal #signShowLeftSide{
    float: none;
    overflow: hidden;
    width: 90%;
}
.horizontal #signImage {
    float: left;
}
.horizontal #signInfoBlock {
    margin-left: 380px;
}
.horizontal #payPalBlock {
    margin-left: 380px;
}
.horizontal #bilingShowRightSide {
    margin: 10px;
    width: 90%;
}
.horizontal #shippingFormBlock {
    margin-left: 15px;
    float: left;
}
.horizontal #discountPrice {
    overflow: hidden;
    padding-top: 20px;
}
.horizontal #signShowPrice {
    width: 180px;
} 
/*----------End-Forms Block------------------*/
/*-----------Order rewie--------------------*/
#orderRewie {
    width: 570px;
    border: 1px solid #666;
    margin: 10px auto;
}
#orderRewie table td {
    height: 22px;
    border: 1px solid #fff;
}
#orderRewie thead {
    background-color: #ecf4fb;
    text-align: center;
    vertical-align: bottom;
    color: #777e88;
}
#orderRewie .itemName {
    width: 390px;
    border: 1px solid #fff;
}
#orderRewie .checkBoxes {
    width: 55px;
}
#orderRewie .amountBoxes {
    width: 65px;
}
#orderRewie input {
    width: 30px;
}
#orderRewie tbody .amountBoxes {
    text-align: right;
}
tr.gray {
    background-color: #f8f8f8;
}
#orderRewie tbody .subtotalTd {
    text-align: right;
    width: 500px;
}
#thankBlock {
    margin: 137px 0px 0px 127px;
    width: 360px;
    height: 85px;
    border: 1px solid #ccc;
}
#thankImg {
    float: left;
    margin: -10px 0px 0px 10px;
}
#thankText {
    margin: 10px 0px 0px 125px;
}
#thankText #main {
    display: block;
    font-family: helvetica;
    font-weight: 600;
    margin-bottom: 10px;
}
#thankText #additional {
    font-family: 'HelveticaNeue';
}

/*-----------End-Order rewie--------------------*/


/*----------End-Sign-select Block------------------*/


/*---------Get it-----------------------*/
#getitContent {
    width: 645px;
    margin-left: 233px;
}
#getitText * {
    font-family: 'HelveticaNeue';
    font-size: 15px;
}
#getitText .newLine, #faqText .newLine{
    margin: 5px 0 0 10px;
}
#getitText #listText {
    margin: 10px 0 0 10px; 
}
#getitContent .signsName {
    width: 100%;
}
#getitText {
    width: 613px;
    border: 1px solid #666;
    height: 765px;
    padding: 15px;
}
#getitText *{
    text-align: justify;
}
#getitText span, #getitText div {
/*    margin: 20px 0px 0px 10px;*/
}
ul#listText {
    width: 100%;
    margin-left: 10px;
    width: 98%;
}
#getitText .strong, #faqText .strong {
    font-weight: 600;
    margin-top: 14px;
}
.getItImg {
    position: relative;
    margin-top: 35px;
}
#getitText .getItImg {
    margin-left: 80px;
    margin-bottom: 30px;
}
.getItImg .leftImg {
    width: 200px;
}
.getItImg span {
    display: block;
    float: left;
    left: 220px;
    top: 30px;
    position: absolute;
}
.getItImg .rightImg {
    margin-left: 260px;
}

#faqText {
    width: 613px;
    border: 1px solid #666;
    height: 795px;
    overflow: auto;
    padding: 10px 15px 15px 15px;
}

#faqText * {
    font-family: 'HelveticaNeue';
    font-size: 13px;
    text-align: justify;
}
/*---------End-Get it-----------------------*/
/*---------Custom it-----------------------*/
#signShow .blueLine {
    width: 598px;
    height: 5px;
    background-image: url(/images/main/blueLine.png);
    margin: 10px 0px;
}
#customSigns {
    margin: 10px;
    overflow: hidden;
}
#customButtons {
    overflow: hidden;
    margin-left: 10px;
}
#customButtons div {
    display: inline-block;
}
.buttonImg {
    float: left;
}
.buttonText {
    display: block;
    margin-left: 80px;
    width: 120px;
}
#customLeftblock {
    border: 1px solid #666;
    width: 200px;
    height: 500px;
    float: left;
}
#customRightblock {
    margin-left: 215px;
    width: 400px;
    border: 1px solid #666;
    height: 500px;
    position: relative;
}
#leftBlockContent {
    margin: 10px;
    position: relative;
}
#leftBlockContent .addNewLine {
    margin: 5px auto;
    width: 40%;
}
#customSignSignsSettings .colorSelect {
    width: 15px;
    height: 15px;
    display: inline-block;
}
#customSignSignsSettings .colorSelect:hover {
    cursor: pointer;
}
#customSignSignsText input {
    font-style: italic;
}
#customSignSignsText input:focus {
    font-style: normal;
}
#customSignSignsSettings .red {
    background-color: red;
}
#customSignSignsSettings .blue {
    background-color: blue;
}
#customSignSignsSettings .black {
    background-color: black;
}
#customSignSignsSettings .green {
    background-color: green;
}
#customSignSignsSettings {
    overflow: hidden;
}
#customSignSignsSettings .leftSide {
    width: 45%;
    float: left;
}
#customSignSignsSettings .rightSide {
    margin-left: 47%;
    position: relative;
    width: 92px;
    height: 114px;
    border: 1px solid #666;
    margin-top: 10px;
}
#customSignSignsSettings .newLine {
    margin-top: 6px;
}
.rightSide .upperText {
    display: block;
    height: 15px;
    text-align: center;
    font-size: 10px;
    background-color: #3399cc;
    padding-top: 3px;
    color: #fff;
}
.rightSide #arrows {
    background:  url(/images/main/arrows.png) no-repeat;
    width: 88px;
    height: 88px;
    position: relative;
    top: 5px;
    left: 5px;
}
.arrowsDirection {
    position: absolute;
}
.arrowsDirection:hover {
    cursor: pointer;
}
.upDirection {
    width: 22px;
    height: 30px;
    left: 28px; 
}
.leftDirection {
    width: 30px;
    height: 22px;
    top:30px;
}
.rightDirection {
    width: 30px;
    height: 22px;
    top: 30px;
    left: 48px;
}
.downDirection {
    width: 22px;
    height: 30px;
    top: 48px;
    left:30px;
}
#drownBox {
    position: absolute;
    border: 1px solid #666;
    overflow: hidden;
}
#fontSelect {
    width: 70px;
}

#customRightblock .vertical.inch24 {
    height: 360px;
    width: 240px;
    left: 80px;
    top: 70px;
}
#customRightblock .horizontal.inch24 {
    height: 240px;
    width: 360px;
    left: 15px;
    top: 150px;
}
#customRightblock .vertical.inch18 {
    height: 240px;
    width: 180px;
    left: 110px;
    top: 120px;
}
#customRightblock .horizontal.inch18 {
    height: 180px;
    width: 240px;
    left: 70px;
    top: 150px;
}
#customRightblock #statusBlock {
    position: relative;
    top: 420px;
    left: 10px;
    width: 380px;
    height: 20px;
    border: 1px solid #666;
    text-align: center;
}
.picketDescription {
    position: absolute;
    display: block;
    width: 50px;
    bottom: 5px;
    font-size: 7px;
    left: 100px;
}
.vertical.inch18 .picketDescription {
    left: 60px;
}
.horizontal.inch24 .picketDescription {
    left: 150px;
}
.horizontal.inch18 .picketDescription {
    left: 90px;
}
.activeColorBox {
    border: 1px solid black;
}
#drownBox .activeDiv {
    outline: 1px dotted #666;
}
#drownBox .workDivs {
    float: left;
    cursor: move;
    position: absolute;
    font-size: 11px;
    font-family: Arial;
}
.updateDesign {
    margin-top: 10px;
    width: 121px;
    height: 20px;
    left: 55px;
    border: 1px solid #666;
    cursor: pointer;
}
.updateDesign .blueMessege{
    margin: 0px;
    left: 12px;
    top: 3px;
    font-size: 12px;
}
#nextStep {
    margin-top: 20px;
    text-align: center;
}
#saveAndContinue {
    display: inline-block;
    width: 171px;
    height: 20px;
    border: 1px solid #666;
    cursor: pointer;
    margin-left: 10px;
}
#saveAndContinue .blueMessege {
    margin: 0px;
    top: 3px;
    font-size: 12px;
}
#saveAndContinue .rightArrowLeft {
    top:4px;
}
#signShowContent.save {
    margin: 0px;
    height: 635px;
}
#customSigns #payPalBlock {
    margin-top: 5px;
}
/*---------End-Custom it-----------------------*/

/*---------End-Content-----------------------*/

/*------------Dialog-------------------------*/
.mainDialog {
    position: absolute;
    left: 35%;
    top: 45%;
    background:  url(/images/main/attentionBox.png) no-repeat;
    z-index: 1002;
    width: 415px;
    height: 255px;
    overflow: hidden;
    display: none;
}

#dialogHeader {
    position: relative;
    top: 20px;
    left: 350px;
}
#dialogHeader a {
    text-decoration: none;
    color: #666666;
}
#dialogText {
    position: relative;
    left: 95px;
    top: 20px;
    width: 300px;
    color: #333;    
}

#dialogAttention {
    display: block;
    color: red;
    font-size: 250%;
    font-weight: 600;
/*    font-family: 'HelveticaNeue';*/
}
#mask {
    position: absolute;
    top: 0px;
    background-color: #333;
    z-index: 1000;
}
.dialogButtons {
    margin: 20px 0 0 30px;
}
.dialogButtons .signsButtons {
    margin-left: 10px;
    border: 1px solid #666;
}
#termsOfUse {
    position: absolute;
    display: none;
    overflow:hidden;
    width: 605px;
    height: 584px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    z-index: 1003;
    background-color: #fff;
}
.newScroll {
    margin: 2px 10px 10px 10px; 
    overflow: auto;
    height: 540px;
    width: 595px;
}
.closeDialog {
    float: right;
    color: #fff;
    font-size: 13px;
    display: block;
    margin-top: 5px;
    text-decoration: none;
    margin-right: 10px;
}
/*------------End-Dialog-------------------------*/
/*------------End-Dialog-------------------------*/
.jspTrack {
    background: url(/images/jscroll/osx_track.gif) repeat-y;
}
.jspDrag {
    background: url(/images/jscroll/osx_drag_middle.gif) repeat-y;
    overflow: hidden;
}
/*.jspDragTop {
    background: url(/images/jscroll/osx_drag_top.gif) no-repeat;
    height: 6px;
}
.jspDragBottom {
    background: url(/images/jscroll/osx_drag_bottom.gif) no-repeat;
    height: 7px;
    position: relative;
    left: 0;
    bottom: 0;
}*/
a.jspArrowUp {
    height: 24px;
    background: url(/images/jscroll/osx_arrow_up.png) no-repeat 0 -30px;
}
a.jspArrowUp:hover {
    background-position: 0 0;
}
a.jspArrowDown {
    height: 24px;
    background: url(/images/jscroll/osx_arrow_down.png) no-repeat 0 -38px;
}
a.jspArrowDown:hover {
    background-position: 0 -8px;
} 
/*------------End-Dialog-------------------------*/
/*-------------Place Order ----------------------*/
.signShowButton.placeOrder {
    background-image: url('/images/main/placeorder.png');
    border: none;
    outline: none;
    margin-top: 210px;
}
#payPalInfo {
    position: absolute;
    margin-left: 350px;
    margin-top: 35px;
    width: 220px;
}
#payPalInfo .head {
    color: #ffa000;
    font-size: 16px;
    font-weight: bold;
}
#payPalInfo .payPalImg {
    width: 180px;
    margin-top: 10px;
}
#cardErrors {
    margin-top: 35px;
    margin-left: 10px;
}
#cardErrors * {
    color: red;
}
#gotNextPage {
    text-decoration: none;
    color: #999;
    font-size: 22px;
    font-weight: 300;
    display: block;
    height: 100%;
    text-align: center;
    position: relative;
}
#gotNextPage span {
    top: 70px;
    position: relative;
}
.codesBlock {
    margin-left: 10px;
}
.codesWindow {
    height: 195px;
    overflow-y: auto;
}
.coupon {
    margin-top: 10px;
}
.coupon .newLine {
    margin-top: -3px;
}
#downloads {
    position: absolute;
    display: none;
    overflow:hidden;
    width: 605px;
    height: 500px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    z-index: 1003;
    background-color: #fff;
    top:100px;
    left: 500px;
}
.downloadsMain {
    margin-top: 20px;
    margin-left: 25px;
    overflow: hidden;
}

.downloadBlock {
    margin-top: 10px;
    width: 550px;
    height: 65px;
    border: 1px solid #999;
}
.downloadBlock .pdflink {
    margin: 5px 10px 0 7px;
    float: left;
}
.downloadBlock .pdfName {
    float: left;
    display: block;
    width: 340px;
    margin-top: 25px;
    font-size: 14px;
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}
.downloadBlock .downloadpdf {
    margin-top: 20px;
}
#bottomSignsList .blueFon {
    display: inline-block;
    width: 63px;
    height: 23px;
    background-image: url('/images/main/button.png');
    margin-left: 40px;
}
.blueFon span {
    vertical-align: middle;
    display: block;
    height: 20px;
    padding-top: 3px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}
#shippingDialog {
    position: absolute;
    display: none;
    overflow:hidden;
    width: 605px;
    min-height: 300px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    z-index: 1003;
    background-color: #fff;
    top:100px;
    left: 500px;
}
.shippingMain {
    margin: 20px;
    margin: 15px;
    overflow: hidden;
}
.shippingMain .dialogButtons {
    float: right;
    margin-right: 40px;
}
.shippingMain .signsButtons:first-child {
    width: 180px;
}
.shippingMain .signsButtons span {
    margin-left: 5px;
}